<template>
    <div class="answer">

          <mt-header  fixed title="回答" class="header">
            <router-link to="/" slot="left">
            <mt-button icon="back">返回</mt-button>
            </router-link>
        </mt-header>

        <div  class="imgDiv2">      
                    <div class="cricle"></div>
                    <div class="hua" style="margin-top:5%;" >我是问题</div>        
                    <div class="neirong" style="margin-top:2%;border-bottom: 6px solid #D3DCE6;">111我是内容我是内容我是内容我是内容我是我是内容我是内容我是内容我是内容我是内容我是内容我是内</div>
                                                    
         </div>

          <div  v-for="(item,index) in question_name" class="imgDiv1" @click="togo(index)">      
                    <div class="cricle"></div>
                    <div class="hua" style="margin-top:5%;" >{{question_name[index]}}</div>        
                   
                    <div class="neirong" style="margin-top:2%;">{{question_answer[index]}}</div>
                                                    
         </div>
    
    </div>
</template>

<script>
 export default{
       
        data(){
          
            return{
               
                question_name:[
                    "大一高数如何学习？","div中如何设置文字居中？","在ae中如何做视频变速？","英语专业四级和CET四级有什么区别？"
                ],
                
                 question_answer:[
                    "中学的教学方式和方法与大学有质的差别，中学的学习学生是在教师的直接指导下进行模仿和单一性的学习，大学则是在...",

                    "可以用line-height行高来设置文字的垂直居中，水平居中就用<center>这个标签或者margin:0 auto;这个样式或者楼上讲...",

                    "1、打开 Adobe After Effects CC软件。2、点击新建合成按钮，新建一合成。3、ctrl+i导入准备好的视频或者音乐素...",

                    "TEM-4英语专业四级考试（TEM-4，Test for English Majors-Band 4），全称为全国高校英语专业四级考试。自1991年...",

                   
                ],
                  question_engName:[
                     "booo_1","booo_2","booo_3","booo_4",
                ],
           }
        },
         methods:{
             getbook_ico(i){
                return this.qusetion_ico[i];
            },
            go(id){
                this.$store.commit("changeStyle",2.5);
                //id在store中找到
                this.$store.commit("choosebooks",id);

                this.$router.push({path:"booksView"});
            },
            togo(index){
                var id=this.question_engName[index];
                this.go(id);
            },
              }
    }
</script>

<style>
 .answer{
        background-color:#ffffff;
        height: auto;
       
    }

    
    .imgDiv2{
        margin-top:10%;
        border-bottom: 6px solid #D3DCE6;
        text-align: left;
    }

    .imgDiv1 {
        text-align: left;
        width:100%;     
        border-bottom: 6px solid #D3DCE6;
        float: left;
        
    }

    .answer img {
        
        width: 29.5%;
        height: auto;
        margin-left:-65%; 
        
    }
</style>